<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/add.css"/>
	</head>
	<body>
		<div id="app">
			<div class="header">
				<span>删除用户</span>
			</div>
			<div class="content">
				<table>	
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input id="userPhone" class="input inline-input" placeholder="请输入手机号码"> <span id="find" class="btn btn-info">立即查找</span></td>
					</tr>
				</table>
			</div>

			<div class="header">
				<span>查找信息如下</span>
			</div>
			<div class="content">
				<table>
					<tr>
						<td class="text-right">姓名</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">手机号码</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">身份证号码</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">密码</td><td class="content_right"><input class="input" placeholder=""></td>
					</tr>
					<tr>
						<td class="text-right">状态</td>
						<td class="content_right">
							<!--0 未登录,1 已登录,2 已挂失,3 已删除,4 已注销-->
							<input type="radio" class="status" name="status" value="0">未登录
							<input type="radio" class="status" name="status" value="1"> 已登录
							<input type="radio" class="status" name="status" value="2"> 已挂失
							<input type="radio" class="status" name="status" value="3"> 已删除
							<input type="radio" class="status" name="status" value="4"> 已注销
						</td>
					</tr>
					<tr>
						<td></td><td class="content_right"><span id="delete" class="btn btn-info">立即删除</span></td>
					</tr>
				</table>
			</div>
		</div>
	</body>
	<script src="/qrcode/jquery2.1.4.js"></script>
	<script src="/layer/layer.js"></script>
	<script>
		$(".header:eq(1),.content:eq(1)").hide();//eq()起始为0 使得对应的信息隐藏
		var userId = null;
		$(function (){
			$("#find").click(function (){
				found();
			});

			$("#delete").click(function (){
				var windowId = layer.load();
				$.getJSON("/user/delete.do",{id:userId},function (data){
					layer.close(windowId);
					layer.msg(data.result);
					if(data.status == 0){
						$(".header:eq(1),.content:eq(1)").hide();
					}else {
						//删除失败
					}
				})
			})
		});

		function found(){
			var windowId = layer.load();
			var userPhone = $("#userPhone").val();
			$.getJSON("/user/findByUserPhone.do",{userPhone:userPhone},function (data){
				layer.close(windowId);
				layer.msg(data.result);
				if(data.status == 0){
					//查询成功
					userId = data.data.id;
					$(".header:eq(1),.content:eq(1)").fadeIn(1000);
					$("input:eq(1)").val(data.data.username);
					$("input:eq(2)").val(data.data.userPhone);
					$("input:eq(3)").val(data.data.userIdCardNo);
					$("input:eq(4)").val(data.data.password);
					switch (data.data.status) {
							<!--0 审核中,1 待取件,2 已取件,3 已取消,4 已删除,5 异常-->
						case 0:
							$(".status:eq(0)").prop("checked", true);//选中下标为0的
							break;
						case 1:
							$(".status:eq(1)").prop("checked", true);//选中下标为1的
							break;
						case 2:
							$(".status:eq(2)").prop("checked", true);//选中下标为2的
							break;
						case 3:
							$(".status:eq(3)").prop("checked", true);//选中下标为3的
							break;
						case 4:
							$(".status:eq(4)").prop("checked", true);//选中下标为4的
							break;
						default:
							break;
					}
					$("input:eq(1),input:eq(2),input:eq(3),input:eq(4),.status").prop("disabled",true);//设置为不可选
				}
			});
		}
	</script>
</html>
